@charset "utf-8";
@font-face{ font-family:Impact; src:url(../font/impact.ttf);}
@font-face{ font-family:PingFang; src:url(../font/PingFang Regular.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

header{height: 105px;line-height: 105px;min-width: 1200px;position: absolute;z-index: 100;width: 100%;background: rgb(2 2 2 / 0.50);}
header .box{padding: 0 0 0 2rem;}
header .logo{height: 105px;line-height: 105px;}
header .logo img{max-width:160px;}
header .logo a{display:block;height:105px;display:flex;align-items: center;}

#nav{ height:70px; background:#0058af; position:relative; z-index:1}
.navBox { float: left;margin-right:20px;}
.nav li {float: left;text-align: center;height: 105px;position: relative;}
.nav a {display: block;position: relative;padding: 0 20px;font-size: 16px;height: 105px;line-height: 105px;perspective: 300px;transform-style: preserve-3d;}
.nav a .bg {background-color: #e5800a;position: absolute;left: 0px;bottom: 0px;width: 100%;display: block;height: 100%;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;-webkit-transform: rotateX(70deg);transform: rotateX(70deg);z-index: -1;transform-origin: center bottom 0;-webkit-transform-origin: center bottom 0;left: 0;opacity: 0;bottom: 0;visibility: hidden;}
.nav a .txt {position: relative;z-index: 2;font-size: 16px;color: #fff;}
.nav .active a .bg,.nav .on a .bg { transform: none; opacity: 1; visibility: visible; }
.nav .active a .txt,.nav .on a .txt{ color:#fff}
.navBox .arrow { position: absolute; left: 0px; top: 95px; height: 4px; display: block; background-color: #e62129; }
.subNavbox a:active .txt, .subNavbox a:hover {color: #e5800a;}
.subNavbox { position: absolute; left: 0px; top: 115px; width: 100%; background-color: #fcfcfc; box-shadow: 1px 2px 2px 0 rgba(88, 88, 88, 0.2); display: none; text-align: center; padding: 20px 0px; }
.subNavbox p {padding-bottom: 12px;line-height: 24px;}
.subNavbox p a {line-height: 24px;height: auto;padding: 0;font-size: 14px;display:  inline-block;}
.subNavbox p a:before{content:"";position:absolute;bottom: -4px;height: 4px;background:#e5800a;right:0;width:0;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
.subNavbox p a:hover:before{ left:0; width:100%}

header .right .tel{float:left;width: 200px;height: 105px;background: #e5800a url(../images/tel.png) 18px center no-repeat;padding: 17px 0px;padding-left: 45px;margin-left: auto;position:relative;}
/*header .right .tel:before{ content:""; width:1px; height:15px; background:#c0c0c1; position:absolute; left:-30px; top:50%; margin-top:-7.5px;}*/
header .right .tel h5{font-size:12px;color:#fff;margin-bottom: 6px;line-height:normal;}
header .right .tel h3{font-size:20px;color:#fff;line-height:normal;font-weight: bold;line-height: 25px;}

#section00{position:relative;z-index: 0; cursor:pointer}


@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%{
		transform: scale(1);  /*开始为原始大小*/
	}
	25%{
		transform: scale(1.1); /*放大1.1倍*/
	}
	50%{
		transform: scale(1);
	}
	75%{
		transform: scale(1.1);
	}
}

.banner{ height:100vh}
.banner .banmiso{ height:100vh}
.banner_box{
	-webkit-animation-name: scaleDraw; /*关键帧名称*/
	-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
	-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
	-webkit-animation-duration: 20s; /*动画所花费的时间*/
	cursor:pointer
}
.banner .miso-prev,.banner .miso-next{ width:60px; height:60px; opacity:0.6}
.banner .miso-prev{ background:url(../images/l.png) center no-repeat; left:6.25rem}
.banner .miso-next{ background:url(../images/r.png) center no-repeat; right:6.25rem}


.banner-next {z-index: 99;position: absolute;bottom: 80px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);cursor: pointer;text-align: center;color: #ffffff;}
.banner-next span {display: inline-block;margin: 0 auto;}
.banner-next .next-text {-webkit-animation: fadeInDown 2s infinite;-moz-animation: fadeInDown 2s infinite;-o-animation: fadeInDown 2s infinite;-ms-animation: fadeInDown 2s infinite;animation: fadeInDown 2s infinite;position: relative;top: 15px;}
.banner-next .next-icon {position:relative;width: 25px;height: 40px;background:url(../images/next-icon.png) center no-repeat;}

.banner-next .next-icon:before{content:"";width:2px;height: 10px;position:absolute;left:50%;margin-left: -1px;top:50%;margin-top:-7.5px;background:url(../images/icon.png) center no-repeat;-webkit-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;-moz-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;}
@keyframes scroll {
  0% { opacity: 0; }
  10% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(0); transform: translateY(5px); opacity: 0;}
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

.ico_box{position:absolute;height:115px;width:1200px;left:50%;margin-left:-600px;top:50%;margin-top: 10.5px;text-align:center;}
.ico_box ul{ font-size:0; position:relative}
.ico_box ul li{ display:inline-block; padding:0 12px;}
.ico_box ul li .box{display:inline-block;width:115px;height:115px;background:rgba(0,0,0,0.4);border-radius:50%;padding: 32px 0;}
.ico_box ul li .box h5{line-height: 20px;font-size: 12px;color:#fff;padding: 0 5px;margin-top: 8px;}
.ico_box ul p{position:absolute;width:1200px;left:50%;margin-left:-600px;font-size: 18px;line-height: 40px;color:#fff;padding:0 20%;top:150px;text-align: center;display:none;}

.container01{ padding:115px 0; background:url(../images/container01_bg.jpg) center no-repeat; background-size:cover}
.container01 .title{ margin-bottom:24px; text-align:center}
.container01 .title h3{font-size: 36px;color: #2c2d2f;margin-bottom: 12px;font-weight:bold;}
.container01 .title h6{font-size: 14px;color: #8b8d94;}
.container01 .fl01{margin-bottom: 50px;}
.container01 .fl01 ul{margin: 0 -65px;position:relative;}
.container01 .fl01 ul:before{content:"";position:absolute;left:9.4375rem;right:9.4375rem;top:4.25rem;height:1px;background: #e3e3e3;}
.container01 .fl01 ul li{float:left;width: 20%;padding: 0;text-align:center;}
.container01 .fl01 ul li .icon{display:inline-block;width: 136px;height: 136px;line-height: 136px;background: #fff;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;margin-bottom: 20px;position:relative;overflow:hidden;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;cursor:pointer;}
.container01 .fl01 ul li .icon:after{content:"";position:absolute;left: 1px;top: 1px;right: 1px;bottom: 1px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;transform: scale(1.5);border:#fff 4px solid;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.container01 .fl01 ul li .icon .con01{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container01 .fl01 ul li .icon .con02{ content:""; position:absolute; left:-100%; top:0; width:100%; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container01 .fl01 ul li .icon img{max-width:50%;}
.container01 .fl01 ul li h5{font-size: 17px;color: #404040;white-space: nowrap;}
.container01 .fl02 ul{margin: 0 -7px;-moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2 ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.container01 .fl01 ul li.miso-current .icon:after{ transform:scale(1); transition-delay:0.36s}
.container01 .fl01 ul li.miso-current .icon .con01{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container01 .fl01 ul li .icon .con02{ content:""; position:absolute; left:-100%; top:0; width:100%; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container01 .fl01 ul li .icon .con{display:flex;align-items: center; justify-content: center;}
.container01 .fl01 ul li.miso-current .icon{ background:#e5800a}
.container01 .fl01 ul li.miso-current .icon .con01{ left:100%;}
.container01 .fl01 ul li.miso-current .icon .con02{ left:0;}
.container01 .fl02 .more{margin-top:30px;}
.container01.active .fl02 ul{}
.container01 .fl02{ margin-bottom:30px}
.container01 .fl02 ul li{padding: 0 7px;}
.container01 .fl02 ul li .img{ overflow:hidden; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; position:relative}
.container01 .fl02 ul li .img>img{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;width: 290px;height: 225px;}
.container01 .fl02 ul li .img .top{top:-100%;left:0;position:absolute;width:100%;height:100%;background: rgba(218,27,39,0.85);text-align:center;-moz-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display: none;}
.container01 .fl02 ul li .img .top h5{font-size: 18px;color:#fff;margin-bottom: 24px;}
.container01 .fl02 ul li .img .top img{ display:inline-block;}
.container01 .fl02 ul li a>h5{height: 84px;line-height: 84px;font-size: 18px;color: #3f3f3f;text-align:center;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.container01 .fl02 ul .miso-prev, .container01 .fl02 ul .miso-next{top:50%;margin-top: -76px;width:35px;height:80px;z-index:1000;background-size:cover !important;}
.container01 .fl02 ul .miso-prev{ left:-100px; background:url(../images/left.png) center no-repeat;}
.container01 .fl02 ul .miso-next{ right:-100px; background:url(../images/right.png) center no-repeat;}
.container01 .fl02 .content>.miso-list{ overflow:visible}
.more00{ text-align:center} 
.more00 a{ display:inline-block; width:217px; height:55px; line-height:55px; text-align:center; background:#eceff4; font-size:16px; color:#434242; position:relative}
.more00 a:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; transition:0.6s; background:#e5800a}
.more00 a span{ position:relative}

.container02{padding:95px 0 120px;background-size: 0 auto; transition:all .6s cubic-bezier(0.445, 0.145, 0.355, 1); position:relative}
.container02 .bg{background:url(../images/container02_bg.jpg) center bottom no-repeat; background-size:cover; width:0; transition:all .6s cubic-bezier(0.445, 0.145, 0.355, 1); position:absolute; left:0; top:0; height:100%}
.container02 .bg.action{ width:100%}
.container02 .title{ margin-bottom:60px; text-align:center}
.container02 .title h3{font-size: 36px;color: #2c2d2f;margin-bottom: 12px;font-weight:bold;}
.container02 .title h6{font-size: 14px;color: #8b8d94;}

.container02 .fl01{ margin-bottom:24px;}
.container02 .fl01 ul{ font-size:0; margin:0 -7.5px;}
.container02 .fl01 ul li{ padding:0 7.5px; margin-bottom:15px; width:25%; display:inline-block}
.container02 .fl01 ul a{display:block;position:relative;width:100%;height:100%;overflow: hidden;}
.container02 .fl01 ul .img{ overflow:hidden;}
.container02 .fl01 ul .img>img{ width:100%}
.container02 .fl01 ul .top{top:-100%;left:0;position:absolute;width:100%;height:100%;background:#e5800a;text-align:center;-moz-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding:0 3.5rem;z-index: 100;overflow: hidden;}
.container02 .fl01 ul .top h5{font-size: 18px;color:#fff;margin-bottom: 16px;}
.container02 .fl01 ul .top p{font-size: 14px;color:#fff;line-height: 24px;overflow:hidden;margin-bottom: 20px;}
.container02 .fl01 ul .top img{ display:inline-block;}
.container02 .fl01 ul a>h5{position:relative;z-index:1;background: #e3e4e6;height: 45px;line-height: 45px;font-size: 16px;color:#3f3f3f;text-align:center;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.container02 .fl02 ul{font-size:0;text-align: center;}
.container02 .fl02 ul li{width:40px !important;text-align:center;display:inline-block;float: none;}
.container02 .fl02 ul li span{ display:inline-block; width:30px; height:30px; line-height:30px; background:#b4b4b5; border-radius:50%; font-size:12px; color:#fff; cursor:pointer}
.container02 .fl02 ul li.miso-current span{ background:#16316f; color:#fff; }

.container03{ padding:254px 0 204px; position:relative; overflow:hidden}
.container03 .bg{ position:absolute; left:0; top:0; background:url(../images/container03_bg.jpg) center no-repeat; width:1203px; height:442px; transform-origin: 100% 0 0; transform:rotate(100deg)}
.container03 .w1300{ position:relative}
.container03 .left{ width:350px;}
.container03 .title{ margin-bottom:114px; margin-top:28px}
.container03 .title h3{font-size: 36px;color: #2c2d2f;margin-bottom: 12px;font-weight:bold;}
.container03 .title h6{font-size: 14px;color: #8b8d94;}
.container03 .left ul li h3{ margin-bottom:24px}
.container03 .left ul li h3 font{ font-size:48px; color:#16316f; font-family:Impact}
.container03 .left ul li h3 small{font-size:24px;color:#16316f;vertical-align: bottom;margin-left: 10px;}
.container03 .left ul li h5{font-size:18px;color:#3f4144;position:relative;display: inline-block;}
.container03 .left ul li h5:before{content:"";position:absolute;right: -115px;height:1px;top:50%;width:0;background:#000000;transition:0.6s;}
.container03 .left ul li.miso-current h5:before{ width:94px}

.container03 .right{ width:930px; margin-right:-95px}
.container03 .right ul li{ height:400px; line-height:400px; text-align:center; background:url(../images/biankuang.png) center no-repeat;}
.container03 .right ul li a{display:flex;align-items: center;justify-content: center; height:400px; line-height: 400px;text-align: center;}
.container03 .right ul li img{max-height: 370px;max-width: 276px;display:inline-block;}
.container03 .right .miso-prev, .container03 .right .miso-next{top: auto;bottom: 0;width:50px;height:50px;z-index:1000;background-size:cover !important;}
.container03 .right .miso-prev{left: -365px;background:url(../images/left01.png) center no-repeat;}
.container03 .right .miso-next{left: -308px;background:url(../images/right01.png) center no-repeat;}
.container03 .right>.miso-list{ overflow:visible}

.container04{background:url(../images/container04_bg.jpg) center no-repeat;padding:120px 0 140px;position: relative;}
.container04 .title{ margin-bottom:60px; text-align:center}
.container04 .title h3{font-size: 36px;color: #2c2d2f;margin-bottom: 12px;font-weight:bold;}
.container04 .title h6{font-size: 14px;color: #8b8d94;}
.container04 ul{ font-size:0; margin:0 -4px;}
.container04 ul li{ padding:0 4px; margin-bottom:8px; width:33.333333%; display:inline-block}
.container04 ul a{display:block;position:relative;overflow: hidden; width:395px; height:245px;}
.container04 ul .img{ overflow:hidden; width:395px; height:245px; position:relative}
.container04 ul .img>img{ width:395px; height:245px; transition:0.6s}
.container04 ul .con{ position:absolute; left:0; top:0; width:100%; height:100%}
.container04 ul .con:before{ content:""; top:-100%;left:0;position:absolute;width:100%;height:100%;background:rgba(218,27,39,0.85);text-align:center;-moz-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding:0 3.5rem;z-index: 100;overflow: hidden; z-index:0}
.container04 ul .con:after{ content:""; top:0;left:0;position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.4);text-align:center;-moz-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding:0 3.5rem;z-index: 100;overflow: hidden; z-index:0}
.container04 ul .con h5{ font-size:16px; color:#fff; position:relative; z-index:10}

.circle {width: 90px; height: 90px; margin: 0 auto; position: absolute;  bottom: -45px; left: 50%; margin-left: -45px; z-index:999; text-align:center; line-height: 90px; color:#3f897c; font-size:30px;}
.circle span {width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%;background-color: #cacaca; -webkit-transform: scale(0);-moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0);
  -webkit-animation: circleScale 3s linear infinite;-moz-animation: circleScale 3s linear infinite;-ms-animation: circleScale 3s linear infinite; animation: circleScale 3s linear infinite;
}
.circle span:nth-of-type(2) {
  animation-delay: 1s;
}
.circle span:nth-of-type(3) {
  animation-delay: 2s;
}
@keyframes circleScale {
  0% {opacity: 1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
  100% { opacity: 0; -webkit-transform: scale(1); -moz-transform: scale(1);  -ms-transform: scale(1);  transform: scale(1); }
}
.circle a{cursor:pointer;position: absolute;background: #16316f;width: 34px;height: 34px;display: inline-block;border-radius: 50%;top: 50%;margin-top: -17px;left: 50%;margin-left: -17px;line-height: 35px;font-size: 22px;color: #fff;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.circle a:hover{background: #e5800a;}

.container05{ padding:155px 0 124px}
.container05 .title{ margin-bottom:60px; text-align:center}
.container05 .title h3{font-size: 30px;color: #2c2d2f;margin-bottom: 12px;font-weight:bold;}
.container05 .title h6{font-size: 14px;color: #8b8d94; text-transform:uppercase}

.container05 .content{ position:relative}
.container05 .center{display:flex;align-items:center;justify-content: center; width:714px;height:714px;border-radius:50%;line-height:714px;background:url(../images/yuan01.png) center no-repeat;position:absolute;top: 46px;left:50%;margin-left:-357px;text-align: center;z-index: 0;}
.container05 .center .box{position:relative;display:inline-block;width: 560px;height: 560px;line-height: 560px;vertical-align: middle;}
.container05 .center .box:before{ content:""; position:absolute; left:0; top:0; width:521px;height:521px;}
.container05 .center .box01{display:inline-block;width: 560px;height: 560px;line-height: 560px;border-radius:50%;vertical-align: middle;}
.container05 .center .box01 span {width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%;background-color:rgb(229 128 10 / 0.5); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6);
  transform: scale(0.6);-webkit-animation: circleScale1 3s linear infinite; -moz-animation: circleScale1 3s linear infinite; -ms-animation: circleScale1 3s linear infinite; animation: circleScale1 3s linear infinite;}
.container05 .center .box01 span:nth-of-type(2) {animation-delay: 1s;}
.container05 .center .box01 span:nth-of-type(3) {animation-delay: 2s;}
@keyframes circleScale1 {
  0% {opacity: 1;-webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); }
  100% { opacity: 0; -webkit-transform: scale(1.125); -moz-transform: scale(1.125); -ms-transform: scale(1.125); transform: scale(1.125); }
}
.container05 .center .box02{position:absolute;display:inline-block;width: 405px;height: 405px;line-height: 405px;vertical-align: middle;background:#e5800a;border-radius: 50%;left: calc(50% - 202.5px); top: calc(50% - 202.5px);}
.container05 .center .box02:before{ content:""; position:absolute; left:0; top:0; width:434px;height:434px;}
.container05 .center .box02 img{margin-left:-25px;position: absolute;left: 50%;top: 50%;margin-top: -279px;margin-left: -279px;}

.container05 .box_w{width: 360px;text-align:left;padding: 0;position: relative;z-index: 10;}
.container05 .box_w ul li .con{position:relative;display:inline-block;line-height: 38px;font-size: 36px;color: #96999d;font-weight:bold;margin-bottom: 12px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container05 .box_w ul li .con img{margin-right: 10px;margin-top: -5px;}
.container05 .box_w.right ul li .con img{ margin-right:0; margin-left:10px}
.container05 .box_w ul li .con img.img02{ display:none}
.container05 .box_w ul li p{font-size: 16px;color: #242526;line-height:24px;display:  inline-block;padding: 0;width: 360px;position:relative;z-index: 100;transition: 0.6s;}

.container05 .box_w.fr{width: 420px;text-align:right;padding: 0;}
.container05 .box_w.fr p{ text-align:right}

.container05 .box_w ul li .txt{ position:relative}
.container05 .box_w ul li .txt:after{content:"";position:absolute;left:0;right:0;height:105px;top:50%;margin-top:-52.5px;border:#e5800a 2px solid;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.15);opacity:0;transition:0.6s;z-index: 0;}
.container05 .box_w ul li .txt .line{position:absolute;width:175px;height: 1px;left: 0;bottom: -16px;border-bottom: #cfd1d9 1px solid; transition:0.6s}
.container05 .box_w ul li .txt .line:before{content:"";position:absolute;right: -6px;top: -13px;width: 10px;height: 10px;border: #c2c4cc 2px solid;border-radius: 50%;}
.container05 .box_w ul li.li01{height: 158px;}
.container05 .box_w ul li.li01 .txt .line{width: 450px;}
.container05 .box_w ul li.li02{height: 198px;}
.container05 .box_w ul li.li02 .txt .line{width: 323px;}
.container05 .box_w ul li.li03{height: 200px;}
.container05 .box_w ul li.li03 .txt .line{width: 298px;}
.container05 .box_w ul li.li04{height: 158px;}
.container05 .box_w ul li.li04 .txt .line{width: 386px;}
.container05 .box_w ul li.li05{height: 178px;}
.container05 .box_w ul li.li05 .txt .line{width: 446px;}
.container05 .box_w ul li.li06{height: 176px;}
.container05 .box_w ul li.li06 .txt .line{width: 333px;}
.container05 .box_w ul li.li07{height: 184px;}
.container05 .box_w ul li.li07 .txt .line{width: 302px;}
.container05 .box_w ul li.li08{height: 158px;}
.container05 .box_w ul li.li08 .txt .line{width: 388px;}
.container05 .box_w.fr ul li .txt .line{ left:auto; right:0}
.container05 .box_w.fr ul li .txt .line:before{left: -4px;}

.container06{ background:#f2f3f7; padding:110px 0}
.container06 .title{ margin-bottom:90px; position:relative}
.container06 .title h3{font-size: 36px;color: #2c2d2f;font-weight:bold; display:inline-block}
.container06 .title h6{font-size: 14px;color: #8b8d94;text-transform:uppercase;display:inline-block;vertical-align: middle;margin-left: 4px;margin-top: 18px;}
.container06 .more00 a{ position:absolute; top:0; right:0; width:130px; line-height:50px; height:50px; background:#fff}

.container06 ul{ font-size:0; margin:0 -15px;}
.container06 ul li{padding:0 15px;display:inline-block;width:33.33333%;}
.container06 ul li.action{ transform:rotateY(0deg); transition:all 870ms ease-in-out 0s}
.container06 ul li a{display:block;width:100%;height:100%;padding: 30px 23px;background:#fff;position:relative;border-top:#d7d7d7 3px solid;}
.container06 ul li a .top_box{ overflow:hidden; position:relative; margin-bottom:30px;}
.container06 ul li a .top_box .img{ *width:335px; height:180px; overflow:hidden}
.container06 ul li a .top_box .img img{ width:100%}
.container06 ul li a > h5{font-size:18px;color: #1f1f1f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 15px;}
.container06 ul li a p{font-size: 14px;color: #86898d;line-height: 18px;height: 36px;overflow:hidden;margin-bottom: 15px;}
.container06 ul li a h6{ font-size:16px; color:#4c4c4c}

.container06 ul .miso-prev, .container06 ul .miso-next{top:50%;margin-top: -28px;width:58px;height:58px;z-index:1000;background-size:cover !important;}
.container06 ul .miso-prev{ left:-100px; background:url(../images/left02.png) center no-repeat;}
.container06 ul .miso-next{ right:-100px; background:url(../images/right02.png) center no-repeat;}

.container06 ul li a:before{ content:""; position:absolute; top:-3px; right:0; width:0; height:3px; background:#e5800a; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container06 ul li:hover a:before{ left:0; width:100%;}
.container06 ul li a .top_box .time:before{ content:""; position:absolute; top:0; right:0; width:0; height:100%; background:#f08700; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container06 ul li a > h5:hover{ color:#e5800a}
.container05 .box_w ul li.li05 .txt:after{ width:440px; left:auto}
.container05 .box_w ul li.li05 .txt,.container05 .box_w ul li.li05,.container05 .box_w ul li.li05 .txt p{width: 420px;}

.container05 .box_w ul li.li02 .txt:after{width: 356px;}
.container05 .box_w ul li.li03 .txt:after{width: 330px;}
.container05 .box_w ul li.li04 .txt:after{width: 360px;}
.container05 .box_w ul li.li06 .txt:after{width: 360px;left: auto;}
.container05 .box_w ul li.li07 .txt:after{width: 330px;left: auto;}
.container05 .box_w ul li.li08 .txt:after{width: 365px;left: auto;}

.footer{ background:#1f2021; padding:60px 0 45px;}
.footer .left {width: 620px;}
.footer .left .title{border-bottom:#363738 1px solid;margin-bottom:30px;width: 584px;}
.footer .left h6{font-size: 14px;color: #929294;margin:24px 0 40px;}
.footer .left img{width:150px;}
.footer .left dl{display:inline-block;width: 120px;}
.footer .left dl dt{font-size: 16px;margin-bottom: 28px;position:relative;}

.footer .left dl dt a{color: #fff;}
.footer .left dl dt a:hover{color:#e5800a;}
.footer .left dl dd{font-size: 14px;color: #707070;line-height: 24px;width: auto !important;}
.footer .left dl dd a{color: #707070;}
.footer .left dl dd a:hover{color:#e5800a;}
.footer .right .top{margin-bottom: 40px;}
.footer .right .top .ll{float:left;width:360px;height:180px;border:#353637 1px solid;margin-right: 22px;padding: 34px 36px 0 40px; position:relative}
.footer .right .top .ll:after{content:"";position:absolute;top: 40px;width:3px;height:30px;background:#e5800a;left: -1px;}
.footer .right .top .ll p{ font-size:14px; color:#fff; line-height:20px; margin-bottom:24px}
.footer .right .top .ll ul li.fr{ margin-right:5px}
.footer .right .top .ll ul li a{ display:inline-block; width:120px; height:40px; line-height:38px; border:#4c4d4d 1px solid; border-radius:4px; text-align:center; font-size:14px; color:#fff; transition:0.6s}
.footer .right .top .ll ul li a img{ margin-right:4px; margin-top:-3px;}
.footer .right .top .rr{width:160px;height:180px;*background:#fff;text-align: center;padding: 12px 0;}
.footer .right .top .rr h3 img{ width:128px; height:128px;}
.footer .right .top .rr h5{ font-size:14px; color:#989899; line-height:36px}

.footer .right .bottom ul{margin-top: 20px;}
.footer .right .bottom ul li{font-size: 15px;color: #b1b1b1;line-height: 24px;*height: 24px;margin-bottom: 9px;}
.footer .right .bottom ul li i{ display:inline-block; width:19px; margin-right:6px; text-align:center;}
.footer .right .bottom ul li img{position:relative;top:4px;margin-right:6px;margin-top:0px;}
.footer .right .bottom ul li a{font-size: 12px;color: #9a9b9b;margin-left: 4px;text-decoration: underline;}
.footer .right .bottom ul li a img{top:0px;}
footer .bot{height:65px;background: #2b2c2d;padding:15px 0;}
footer .bot .tt{ float:left; color:#fff; line-height:35px; height:35px; margin-right:3px;}
footer .bot .tt img{ margin-right:10px;}
.copyright{float:right;font-size:12px;color: #7d7d7f;line-height:35px;}
.copyright *{display: inline-block;font-size:12px;color: #7d7d7f;}
.copyright a{color: #7d7d7f;}
.copyright a:hover{ color:#fff; }
footer .bot { font-size:13px; color:#837a74; }

.s_foot_link{float:left;width: 178px;height: 35px;cursor:pointer;position: relative;text-align:left;}
.s_foot_link .tanchu{width: 247px;padding:0 10px;min-height: 50px;overflow:auto;box-sizing:border-box;position:absolute;bottom: 44px;border-bottom:0;display: none;left:-1px;overflow: visible !important;}
.s_foot_link .tanchu:before{content:"";display:block;border:10px solid transparent;border-top:10px solid #ebf8fa;width:0px;height:0px;position:absolute;bottom: -19px;left:50%;margin-left:-10px;}
.s_foot_link .tanchu>div{background: #ebf8fa;border: 1px solid #e2e2e2;padding:10px 13px;overflow:auto;box-shadow: 0px 6px 12px 0px rgba(225, 59, 58,0.25);}
.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}
.s_foot_link .tanchu a { color: #333; line-height: 27px; display:block; font-size: 12px;}
.s_foot_link .tanchu a:hover{ font-weight:bold;}
.s_foot_link #bnt_link1.a {padding-left:12px;color: #ababab;text-align:left;line-height: 35px;width: 180px;position:absolute;z-index:1;font-size: 14px;}
.s_foot_link #bnt_link1.a i{display:inline-block;font-style:normal;width: 150px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.s_foot_link .a span{ display:inline-flex;align-items: center; justify-content: center; float:right; color:#919397; line-height:28px;height:28px;}

.n_banner{ *background:url(../images/n_banner_bg.jpg) center no-repeat; height:450px; position:relative}
.n_banner:before{content:'';display:block;position: absolute;width:100%;height:100%;background:rgb(28 77 142 /0.8);top:0;left:0;}
.n_banner .w1300{ height:450px; position:relative; padding:135px 0 0}
.n_banner .w1300 .title{ *background:url(../images/line.png) left center no-repeat; height:280px; padding-left:44px}
.n_banner .w1300 .title .table{ text-align:left}
.n_banner .w1300 .title h4{ font-size:24px; line-height:48px; color:#ebe7e0}
.n_banner .w1300 .img img{position:absolute;right:0;bottom: -8px;}

.n_product ul{ font-size:0; margin:0 -7px; margin-bottom:50px}
.n_product ul li{padding: 0 7px; display:inline-block; width:25%; margin-bottom:10px; transform:rotateY(0deg)}
.n_product ul li.action{ transform:rotateY(0deg); transition:all 870ms ease-in-out 0s}
.n_product ul li .img{ background-repeat:no-repeat;background-position: center;background-size:cover ;height:245px; overflow:hidden; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; position:relative}
.n_product ul li .img>img{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;max-width:100%;height:245px;}
.n_product ul li .img .top{top:-100%;left:0;position:absolute;width:100%;height:100%;background: rgb(229 128 10/0.85);text-align:center;-moz-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.n_product ul li .img .top h5{font-size: 18px;color:#fff;margin-bottom: 24px;}
.n_product ul li .img .top img{ display:inline-block;}
.n_product ul li a>h5{height:50px;line-height:50px;font-size: 18px;color: #3f3f3f;text-align:center;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


/*==========================================公共 结束=============================================*/


/*==========================================内页 开始=============================================*/

/*当前位置*/
.n_nav{ width:calc(100% - 200px);}
.n_nav ul{ font-size:0;display:flex;}
.n_nav ul li{width:160px;height:70px;line-height:68px;display:inline-block; margin-right:-1px; position:relative}
.n_nav ul li:before{content:"";position:absolute;left:50%;bottom: -32px;margin-left:-0.5px;width:1px;height:0;background:url(../images/lin01.png) center no-repeat; overflow:hidden; transition:0.6s}
.n_nav ul li.on:before,.n_nav ul li:hover:before{ height:25px;}
.n_nav ul li:after{content:"";position:absolute;left:50%;bottom: -45px;margin-left: -4px;width:8px;height:8px;background:#e5800a;border-radius:50%; transition:0.6s; transform:scale(0)}
.n_nav ul li.on:after,.n_nav ul li:hover:after{ transform:scale(1)}
.n_nav ul li:nth-child(3){ width:180px}
.n_nav ul li:nth-child(5){ width:170px}
.n_nav ul li a{position: relative;display: block;border: #d1d1d5 1px solid;font-size:16px;color:#343435;text-align: center; transition:0.36s}
.n_nav ul li a:before{ content:""; position:absolute; right:0; top:0; bottom:0; width:0; background:#e5800a; transition:0.6s}
.n_nav ul li.on a,.n_nav ul li:hover a{ border:#e5800a 1px solid}
.n_nav ul li.on a:before,.n_nav ul li:hover a:before{ width:100%; left:0}
.n_nav ul li a strong{width:0;overflow:hidden;display: inline-block; position:relative; transition:0.36s;display:inline-flex;align-items: center; justify-content: center;height:68px;}
.n_nav ul li.on a strong,.n_nav ul li a:hover strong{display:none; width:51px;}
.n_nav ul li.on a strong{display:none;}
.n_nav ul li a span{position:relative; transition:0.36s}
.n_nav ul li.on a span,.n_nav ul li:hover a span{ color:#fff}


.n_title{position:relative;height: 70px;line-height: 70px;background: #f7f8f9; border-bottom:#d1d1d5 1px solid}
.n_title .main_box{position: relative;height: 70px;} 
.n_title h1{ padding:0 0 0px 0px;  font-size:16px; color:#404041; line-height:55px; }
.n_title h1 span{ font-size:14px; color:#404041; line-height:48px;  font-family: "Arial"; text-transform:uppercase; font-weight:normal; padding-left:5px;}
.position{position: absolute;right: 0;top: 0;line-height: 70px;height: 70px;color: #4b4949;padding-left: 18px;background: url(../images/position.png) left 28px no-repeat;font-size: 12px;}
.position i{display: inline-block;height: 70px;line-height: 70px;width: 10px;text-align:  center;font-size: 14px;color: #97989c;font-style: normal;}
.position a{font-size: 12px;color: #97989c;display: inline-block;line-height: 70px;vertical-align:  top;}
.position span{font-size: 12px;font-style:normal;display: inline-block;line-height: 70px;vertical-align:  top;}
.position .span{color: #5b5b5b;}
.position span{color: #e5800a;}
.position a:hover{color: #e5800a;}

.n_container{ padding:122px 0 184px; background:url(../images/n_container_bg.png) center bottom no-repeat;}

.n_yanghu ul{ font-size:0; margin:0 -26px; margin-bottom:70px;}
.n_yanghu ul li{ display:inline-block; width:50%; padding:0 26px; margin-bottom:36px}
.n_yanghu ul li a{ display:block; border:#e5e5e5 1px solid; padding:40px 38px 40px; position:relative; background:#fff; transition:0.6s}
.n_yanghu ul li a:after{ content:""; position:absolute; right:-1px; bottom:-1px; width:0; height:3px; background:#e5800a; transition:0.6s}
.n_yanghu ul li a:hover:after{ left:-1px; width:100%; width:calc(100% + 2px)}
.n_yanghu ul li a h5{ font-size:20px; color:#2b2b2c; line-height:20px; transition:0.36s}
.n_yanghu ul li a h5 font{ display:inline-block; max-width:80%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-right:15px}
.n_yanghu ul li a p{ font-size:14px; color:#99999b; line-height:24px; height:48px; overflow:hidden; margin:20px 0 34px}
.n_yanghu ul li a h6{ font-size:18px; color:#d8d8d7; line-height:18px;}
.n_yanghu ul li a h6 span{ position:relative; padding-left:56px}
.n_yanghu ul li a h6 span:before{ content:""; position:absolute; left:0; width:44px; height:1px; background:#c2c1bf; top:50%; margin-top:-0.5px;}
.n_yanghu ul li a h6 .fr{ font-size:12px; color:#66635f; text-transform:uppercase}


/*====翻页====*/
.j_pages{margin: 0px auto 0 auto;}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0; text-align:center}
.j_pages a{height: 35px;line-height: 35px;display:inline-block;margin: 0px 4px;color: #666666; background:#eeeff4; border-radius:2px; font-size: 14px;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align:center;padding: 0 13px; }
.j_pages a font{font-size:14px;color: #66635f;display:  block;padding: 0 12px;}
.j_pages a:hover font{ color:#fff}
.j_pages a span{ font-family:simsun}
.j_pages .on{background: #e5800a;color: #fff;}
.j_pages a:hover{background: #e5800a;color:#fff!important;}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}

.n_case ul{ font-size:0; margin:0 -15px; margin-bottom:50px}
.n_case ul li{padding:0 15px;margin-bottom: 40px;width:33.333333%;display:inline-block; transform:rotateY(0deg)}
.n_case ul li.action{ transform:rotateY(0deg); transition:all 870ms ease-in-out 0s}
.n_case ul a{display:block;position:relative;width:100%;height:100%;overflow: hidden;}
.n_case ul .img{ overflow:hidden;height:200px;background-repeat:no-repeat;background-position: center;background-size:cover ;  }
.n_case ul .img>img{width: 100%;max-height: 256px;}
.n_case ul .top{top:-100%;left:0;position:absolute;width:100%;height:100%;background:#e5800a;text-align:center;-moz-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding:0 3.5rem;z-index: 100;overflow: hidden;}
.n_case ul .top h5{font-size: 18px;color:#fff;margin-bottom: 16px;}
.n_case ul .top p{font-size: 14px;color:#fff;line-height: 24px;overflow:hidden;margin-bottom: 20px;}
.n_case ul .top img{ display:inline-block;}
.n_case ul a>h5{position:relative;z-index:1;background: #e3e4e6;height: 45px;line-height: 45px;font-size: 16px;color:#3f3f3f;text-align:center;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* Example 5 */
.n_case_detail .slider-for{width: 945px;height: 585px;margin-bottom: 50px;display: inline-block;}
.n_case_detail .slider-for li img{width: 945px;height: 585px;}
.n_case_detail .slider-nav{padding: 0;margin: 0 -8px;}
.n_case_detail .slider-nav li{padding: 0 8px;margin-bottom: 20px;}
.n_case_detail .slider-nav li img{height: 115px;width: 185px;float: left;}
.n_case_detail .slider-for .miso-prev, .n_case_detail .slider-for .miso-next{width: 80px;height: 78px;margin-top: -39px;}
.n_case_detail .slider-for .miso-prev{background:url(../images/left03.png) center no-repeat;left: -128px;}
.n_case_detail .slider-for .miso-next{background:url(../images/right03.png) center no-repeat;bottom:0;right: -128px;}
.n_case_detail .slider-nav .miso-current img{border: #e5800a 2px solid;box-sizing:border-box;}

#n_show_case{text-align:center;width: 100%;display:inline-block;}

.n_case_detail .fl01{ text-align:center; margin-bottom:62px}
.n_case_detail .fl01 h2{font-size: 36px;color: #3b3b3b;line-height:50px;margin-bottom:60px;}
.n_case_detail .fl02 h3{font-size:30px;color:#363637;margin-bottom: 42px;}


.n_huanjing ul{ font-size:0; margin:0 -4px; margin-bottom:90px}
.n_huanjing ul li{ padding:0 4px; margin-bottom:8px; width:33.333333%; display:inline-block}
.n_huanjing ul a{display:block;position:relative;overflow: hidden; width:395px; height:245px;}
.n_huanjing ul .img{ overflow:hidden; width:395px; height:245px; position:relative}
.n_huanjing ul .img>img{ width:395px; height:245px; transition:0.6s}
.n_huanjing ul .con{ position:absolute; left:0; top:0; width:100%; height:100%}
.n_huanjing ul .con:before{ content:""; top:-100%;left:0;position:absolute;width:100%;height:100%;background:rgba(218,27,39,0.85);text-align:center;-moz-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding:0 3.5rem;z-index: 100;overflow: hidden; z-index:0}
.n_huanjing ul .con:after{ content:""; top:0;left:0;position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.4);text-align:center;-moz-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding:0 3.5rem;z-index: 100;overflow: hidden; z-index:0}
.n_huanjing ul .con h5{ font-size:16px; color:#fff; position:relative; z-index:10}

.n_video ul{ font-size:0; margin:0 -15px; margin-bottom:50px}
.n_video ul li{padding:0 15px;margin-bottom: 40px;width:33.333333%;display:inline-block;}
.n_video ul a{display:block;position:relative;width:100%;height:100%;overflow: hidden;}
.n_video ul .img{overflow:hidden;position: relative;}
.n_video ul .img>img{width: 380px;height: 235px;}
.n_video ul .top{top: 0;left:0;position:absolute;width:100%;height:100%;background: rgba(0,0,0,0.4);text-align:center;-moz-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding:0 3.5rem;z-index: 100;overflow: hidden;}
.n_video ul .top h5{font-size: 18px;color:#fff;margin-bottom: 16px;}
.n_video ul .top p{font-size: 14px;color:#fff;line-height: 24px;overflow:hidden;margin-bottom: 20px;}
.n_video ul .top img{ display:inline-block;}
.n_video ul a>h5{position:relative;z-index:1;background: #e3e4e6;height: 45px;line-height: 45px;font-size: 16px;color:#3f3f3f;text-align:center;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; position:relative;}
.n_video ul a>h5:before{ content:""; position:absolute; right:0; width:0; height:100%; background:#e5800a; z-index:-1; transition:0.6s}

.n_news ul{font-size:0;margin:0 -15px;margin-bottom: 40px;}
.n_news ul li{padding:0 15px;display:inline-block;width:33.33333%;margin-bottom: 50px;}
.n_news ul li a{display:block;width:100%;height:100%;padding: 30px 23px;background: #f7f8f9;position:relative;border-top:#d7d7d7 3px solid; transition:0.6s}
.n_news ul li a:hover{ box-shadow:0 15px 24px rgba(0,0,0,0.15)}
.n_news ul li a .top_box{ overflow:hidden; position:relative; margin-bottom:30px;}
.n_news ul li a .top_box .img{ width:335px; height:180px;background-repeat:no-repeat;background-position: center;background-size:cover ;  height: 35vw; overflow:hidden}
/*.n_news ul li a .top_box .img img{ width:100%}*/
.n_news ul li a > h5{font-size:18px;color: #1f1f1f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 15px;}
.n_news ul li a p{font-size: 14px;color: #86898d;line-height: 18px;height: 36px;overflow:hidden;margin-bottom: 15px;}
.n_news ul li a h6{ font-size:16px; color:#4c4c4c}

.n_news ul .miso-prev, .n_news ul .miso-next{top:50%;margin-top: -28px;width:58px;height:58px;z-index:1000;background-size:cover !important;}
.n_news ul .miso-prev{ left:-100px; background:url(../images/left02.png) center no-repeat;}
.n_news ul .miso-next{ right:-100px; background:url(../images/right02.png) center no-repeat;}

.n_news ul li a:before{ content:""; position:absolute; top:-3px; right:0; width:0; height:3px; background:#e5800a; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news ul li:hover a:before{ left:0; width:100%;}
.n_news ul li a .top_box .time:before{ content:""; position:absolute; top:0; right:0; width:0; height:100%; background:#f08700; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news ul li a > h5:hover{ color:#e5800a}

.n_about h3{ font-size:30px; line-height:50px; margin-bottom:45px; text-align:center; font-weight:bold; color:#505153}

.n_video_detail h3{ font-size:30px; color:#2c2c2c; line-height:50px; margin-bottom:55px; text-align:center}
.n_video_detail .content{text-align:center;margin-bottom: 80px;position:relative;padding-bottom: 60px;}
.n_video_detail .content:before{ content:""; position:absolute; bottom:0; background:url(../images/touying.png) center no-repeat; width:1270px; height:70px; left:50%; margin-left:-635px;}
.n_video_detail .content video{ display:inline-block; object-fit: fill; width:1040px; height:645px; border:#dcdcdc 5px solid}

.n_contact .fl01{overflow:hidden;padding-bottom: 105px;}
.n_contact .fl01 .box{padding-bottom: 38px;}
.n_contact .left{float:left;width: 560px;}
.n_contact .fl01 .left .ar_article{}
.n_contact .fl01 .left .ar_article p{ margin-bottom:0}
.n_contact .fl01 .right{float:right;}
.n_contact .fl01 .left .ar_article h3{font-size: 30px;color: #4a4949;margin-bottom: 0px;font-weight: bold;}
.n_contact .fl01 .left .ar_article h6{font-size: 14px;color: #16316f;margin-bottom: 70px;text-transform:  uppercase;position:relative;}
.n_contact .fl01 .left .ar_article h6:before{content:"";background: #e5800a;position:absolute;width: 35px;height: 5px;left:0;bottom: -20px;}
.n_contact .fl01 .left .ar_article p{font-size: 16px;color: #696969;line-height: 30px;}
.n_contact .fl01 .left .ar_article p font{ font-size:18px; color:#ce3238}
.n_contact .fl02{ position:relative}
.n_contact .fl02 .box{position:absolute;top:0;bottom:0;right:0;width: 180px;left: 50%;margin-left: -600px;overflow: hidden;}
.n_contact .fl02 .box .w1300{width: 180px;height: 600px;position:relative;}

.n_contact .fl02 .box .w1300 .box_con{ position:absolute; width:180px; height:600px; background:rgb(229 128 10/0.9)}
.n_contact .fl02 .box .w1300 .box_con dl dt{ font-size:14px; line-height:24px; color:#fff; margin-bottom:15px}

.n_zizhi{ }
.n_zizhi ul{font-size: 0;margin:0 -29px;margin-bottom: 40px;}
.n_zizhi ul li{background: #fff;box-sizing:  border-box;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;display:  inline-block;padding: 0 29px;text-align:  center;margin-bottom: 10px;width: 25%;}
.n_zizhi ul li .pic_box{width: 100%;height: 338px;display:table;overflow:hidden;background:url(../images/biankuang01.png) center no-repeat;}
.n_zizhi ul li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}
.n_zizhi ul li img{max-width: 236px;max-height: 316px;display:block;}
.n_zizhi ul li h5{font-size: 16px;color: #5a5c60;line-height: 80px;text-align:center;margin: 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_zizhi ul li:hover h5{ color:#e84518}

.n_product_detail{ overflow:hidden;}
.n_product_detail .left{float:left;width: 540px;}
.n_product_detail .fl01{margin-bottom: 50px;}
.n_product_detail .lwy .slider-nav{}
.n_product_detail .lwy .slider-nav .miso-slide img{ width:100%}
.n_product_detail .lwy .slider-nav .miso-slide .miso{margin: 0;}
.n_product_detail .lwy .slider-nav .miso-slide .miso img{width: 100%;height: 410px;}
.n_product_detail .lwy .slider-nav .miso-slide.miso-current .miso img{}
.n_product_detail .lwy .slider-nav .miso-dots{ bottom:16px}
.n_product_detail .lwy .slider-nav .miso-dots li{ width:8px; height:8px; background:#cbcbcb; border-radius:50%}
.n_product_detail .lwy .slider-nav .miso-dots li.miso-active{ background:#c12d3a}
.n_product_detail .lwy .miso-prev, .n_product_detail .lwy .miso-next{top:50%;margin-top: -30px;width:60px;height:60px;z-index:1000;background-size:cover !important;}
.n_product_detail .lwy .miso-prev{left: -30px;background: url(../images/left04.png) center no-repeat;}
.n_product_detail .lwy .miso-next{right: -30px;background:url(../images/right04.png) center no-repeat;}


.n_product_detail .right{float:right;width: 570px;padding: 0;}
.n_product_detail .right .table{ text-align:left}
.n_product_detail .right h4{font-size:18px;color: #e5800a;margin-bottom:22px;}
.n_product_detail .right h2{margin-bottom:66px;position:relative;line-height: 44px;font-size:30px;color: #3f3f3f;margin: 22px 0 35px;}
.n_product_detail .right .ar_article{height: 173px;overflow:hidden;overflow-y:scroll;padding-right: 10px;}
.n_product_detail .right .ar_article p{font-size:14px;color: #777777;line-height: 30px;}
.n_product_detail .right .ar_article::-webkit-scrollbar {width:1px;height:1px; background:none}
.n_product_detail .right .ar_article::-webkit-scrollbar-track {border-radius:10px; background:none}
.n_product_detail .right .ar_article::-webkit-scrollbar-thumb {border-radius:10px; background:none}
.n_product_detail .right a{display:inline-block;width: 210px;height: 60px;line-height: 60px;text-align:center;border-radius: 30px;background: #e5800a;margin-right:46px;font-size: 16px;color:#fff;-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.n_product_detail .right a.a2{ background:#f0771e}
.n_product_detail .right a img{ margin:-3px 8px 0 0}
.n_product_detail .right a:hover{background: #16316f;}
.n_product_detail .fl02{ overflow:hidden}
.n_product_detail .fl02 h3{height: 65px;line-height: 65px;margin-bottom: 55px;border-bottom: #e9e9e9 1px solid;}
.n_product_detail .fl02 h3 span{display:inline-block;position:relative;font-size: 24px;color: #2e2e2e;}
.n_product_detail .fl02 h3 span:before{content:"";position:absolute;bottom:0;left: 0;width: 100%;height: 3px;background: #e5800a;}
.n_product_detail .fl02 .ar_article p{ font-size:14px; line-height:36px;}

/* Example 5 */
.n_huanjing_detail .slider-for{width: 900px;height: 560px;display:inline-block;vertical-align: top;}
.n_huanjing_detail .slider-for li img{width: 900px;height: 560px;}
.n_huanjing_detail .slider-nav{width: 270px;height: 574px;display:inline-block;padding: 0px 0;float: right;margin: -12.5px 0;}
.n_huanjing_detail .slider-nav li{height: 170px;margin: 12.5px 0;}
.n_huanjing_detail .slider-nav li .img{height: 170px;width: 268px;background-repeat:no-repeat;background-position: center;background-size:cover ; }
.n_huanjing_detail .slider-nav .miso-prev, .n_huanjing_detail .slider-nav .miso-next{width: 22px;height: 14px;top:auto;margin-top:0;}
.n_huanjing_detail .slider-nav .miso-prev{background:url(../images/top.png) center no-repeat;top: -50px;left:50%;margin-left:-17px;}
.n_huanjing_detail .slider-nav .miso-next{background:url(../images/bottom.png) center no-repeat;bottom: -65px;left:50%;margin-left:-17px;}
.n_huanjing_detail .slider-nav .miso-current img{border: #16316f 3px solid;box-sizing:border-box;}
.n_huanjing_detail .ar_article{ margin-top:92px}

.n_licheng .miso-hd{ margin-bottom:92px}
.n_licheng .miso-hd ul{ margin:0 -37px;}
.n_licheng .miso-hd ul li{ padding:0 37px; text-align:center}
.n_licheng .miso-hd ul li .box{ background:#f6f7fa; border:#e8eaee 1px solid; padding:0 20px; border-radius:4px; position:relative}
.n_licheng .miso-hd ul li .box h3{ line-height:110px; font-size:36px; color:#767575}
.n_licheng .miso-hd ul li .box h3 small{ font-size:24px; margin-left:5px}
.n_licheng .miso-hd ul li .box .img{ margin:auto;margin-bottom:30px; overflow:hidden; width:310px; height:180px;}
.n_licheng .miso-hd ul li .box .img img{ width:310px; height:180px;}
.n_licheng .miso-hd ul li .box .p{ line-height:24px; height:100px; overflow:hidden; text-align:left; margin-bottom:30px}
.n_licheng .miso-hd ul li .box .p p{ font-size:14px; color:#494848;}
.n_licheng .miso-hd ul li.miso-current .box:after{ content:""; border:#e5800a 2px solid; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border-radius:4px;}
.n_licheng .miso-hd ul li.miso-current .box h3{ color:#e5800a; font-weight:bold}
.n_licheng .miso-hd ul li.miso-current .box h3 small{ }

.n_licheng .fl02{position:relative;height: 110px;}
.n_licheng .fl02:before{content:"";position:absolute;width:1000%;top: 10px;left:0;border-top:#dadde0 2px solid;}
.n_licheng .fl02 .miso-bd{ text-align:center}
.n_licheng .fl02 .miso-bd ul li{ padding:12px 0 0}
.n_licheng .fl02 .miso-bd ul li .box{ position:relative}
.n_licheng .fl02 .miso-bd ul li .box .line{ position:absolute}
.n_licheng .fl02 .miso-bd ul li .box .line01{ position:absolute; width:20%; left:50%; margin-left:-10%}
.n_licheng .fl02 .miso-bd ul li .box .line01:before{ content:""; position:absolute; left:0; width:1px; height:14px; background:#e5e7e9}
.n_licheng .fl02 .miso-bd ul li .box .line01:after{ content:""; position:absolute; right:0; width:1px; height:14px; background:#e5e7e9}

.n_licheng .fl02 .miso-bd ul li .box .line02{ position:absolute; width:40%; left:50%; margin-left:-20%}
.n_licheng .fl02 .miso-bd ul li .box .line02:before{ content:""; position:absolute; left:0; width:1px; height:14px; background:#e5e7e9}
.n_licheng .fl02 .miso-bd ul li .box .line02:after{ content:""; position:absolute; right:0; width:1px; height:14px; background:#e5e7e9}

.n_licheng .fl02 .miso-bd ul li .box .line03{ position:absolute; width:60%; left:50%; margin-left:-30%}
.n_licheng .fl02 .miso-bd ul li .box .line03:before{ content:""; position:absolute; left:0; width:1px; height:14px; background:#e5e7e9}
.n_licheng .fl02 .miso-bd ul li .box .line03:after{ content:""; position:absolute; right:0; width:1px; height:14px; background:#e5e7e9}

.n_licheng .fl02 .miso-bd ul li .box .line04{ position:absolute; width:80%; left:50%; margin-left:-40%}
.n_licheng .fl02 .miso-bd ul li .box .line04:before{ content:""; position:absolute; left:0; width:1px; height:14px; background:#e5e7e9}
.n_licheng .fl02 .miso-bd ul li .box .line04:after{ content:""; position:absolute; right:0; width:1px; height:14px; background:#e5e7e9}

.n_licheng .fl02 .miso-bd ul li .box .line05{ position:absolute; width:100%; left:50%; margin-left:-50%}
.n_licheng .fl02 .miso-bd ul li .box .line05:before{ content:""; position:absolute; left:0; width:1px; height:14px; background:#e5e7e9}

.n_licheng .fl02 .miso-bd ul li .box:before{ content:""; position:absolute; top:0; width:2px; height:26px; background:#dadde0; left:50%; margin-left:-1px; transition:0.6s}
.n_licheng .fl02 .miso-bd ul li.miso-current .box:before{ top:17px; width:3px; background:#e5800a; height:46px;}
.n_licheng .fl02 .miso-bd ul li h3{padding:40px 0 0;font-size:18px;color:#494848;transition: 0.6s;}

.n_licheng .fl02 .miso-bd ul li.miso-current h3{ padding:76px 0 0; color:#e5800a; font-weight:bold; font-size:20px}
.n_licheng .fl02 .miso-bd ul li .box .dot{position:absolute;width:24px;height:24px;border-radius:50%;background:rgba(218,37,29,0.15);left: 50%;margin-left: -12px;top: -12px; transform:scale(0); transition: 0.6s;}
.n_licheng .fl02 .miso-bd ul li .box .dot:after{ content:""; position:absolute;width:12px;height:12px;border-radius:50%;background:#e5800a;left: 50%;margin-left: -6px;top: 50%; margin-top:-6px}

.n_licheng .fl02 .miso-bd ul li.miso-current .box .dot{ transform:scale(1)}

.n_licheng .miso-hd .miso-prev, .n_licheng .miso-hd .miso-next{top:50%;margin-top: -13px;width:15px;height:26px;z-index:1000;background-size:cover !important;}
.n_licheng .miso-hd .miso-prev{left: -30px;background: url(../images/left05.png) center no-repeat; width:16px;height:26px;}
.n_licheng .miso-hd .miso-next{right: -30px;background:url(../images/right05.png) center no-repeat;}

.n_youshi .fl01{ padding:194px 0 0; background:url(../images/n_youshi_fl01.jpg) center no-repeat; border-top:#ebecef 1px solid; border-bottom:#ebecef 1px solid}
.n_youshi .fl01 .title{ margin-bottom:60px; text-align:center}
.n_youshi .fl01 .title h3{font-size: 36px;color: #2c2d2f;margin-bottom: 12px;font-weight:bold;}
.n_youshi .fl01 .title h6{font-size: 14px;color: #8b8d94; text-transform:uppercase}

.n_youshi .fl01 ul li{ padding-bottom:60px; margin-bottom:60px; border-bottom:#d2d3d6 1px solid}
.n_youshi .fl01 ul li .left{ position:relative}
.n_youshi .fl01 ul li .left:after{content:"";position:absolute;width:40px;height:7px;background:#e5800a;right: -23px;top:36px;}
.n_youshi .fl01 ul li:nth-child(2n) .left:after{content:"";position:absolute;width:40px;height:7px;background:#e5800a;left: -23px;top:36px;}
.n_youshi .fl01 ul li .right{ width:440px; padding:40px 0 0; position:relative}

.n_youshi .fl01 ul li .right h3{ font-size:30px; color:#e5800a; font-weight:bold}
.n_youshi .fl01 ul li .right h4{ font-size:30px; color:#363637; margin:28px 0 10px}
.n_youshi .fl01 ul li .right h5{ font-size:14px; color:#e5800a; text-transform:uppercase; margin-bottom:52px}
.n_youshi .fl01 ul li .right p{ font-size:15px; line-height:30px; color:#636366}
.n_youshi .fl01 ul li:last-child{ border:none}

.n_youshi .fl02{padding: 115px 0 100px;}
.n_youshi .fl02 .title{ margin-bottom:60px; text-align:center}
.n_youshi .fl02 .title h3{font-size: 36px;color: #2c2d2f;margin-bottom: 12px;font-weight:bold;}
.n_youshi .fl02 .title h6{font-size: 14px;color: #8b8d94; text-transform:uppercase}
.n_youshi .fl02 ul{ margin:0 -20px; margin-bottom:52px}
.n_youshi .fl02 ul li{ padding:0 20px}
.n_youshi .fl02 .ar_article p{ text-align:center; font-size:16px; line-height:30px}

.n_youshi .fl02 .miso-prev, .n_youshi .fl02 .miso-next{width: 80px;height: 78px;margin-top: -39px;}
.n_youshi .fl02 .miso-prev{background:url(../images/left03.png) center no-repeat;left: -128px;}
.n_youshi .fl02 .miso-next{background:url(../images/right03.png) center no-repeat;bottom:0;right: -128px;}


.n_youshi .fl03{ background:url(../images/n_youshi_fl03.jpg) center no-repeat; height:1017px}
.n_youshi .fl03 .title{ margin-bottom:60px; text-align:center; padding-top:118px; padding-right:80px}
.n_youshi .fl03 .title h3{font-size: 36px;color: #fff;margin-bottom: 12px;font-weight:bold;}
.n_youshi .fl03 .title h6{font-size: 14px;color: #fff; text-transform:uppercase}

.n_detail .position{ margin-bottom:40px}
.n_detail .left{ width:850px;}
.n_detail .left .fl01 .ll{width:82px;text-align:center;transition: 0.6s;}
.n_detail .left .fl01 .ll.on{position:fixed;top: 30px;}
.n_detail .left .fl01 .ll.top01{ top:-600px;}
/*.n_detail .left .fl01 .ll:before{content:"";position:absolute;top:0;right: -22px;width:1px;height:660px;background:#e8ebed;}
.n_detail .left .fl01 .ll:after{content:"";position:absolute;right: -26px;top: 0;width: 5px;height: 5px;background:#fff;border: #00a8ff 2px solid;border-radius: 50%;}*/

.n_detail .left .fl01 .ll .time{ margin-bottom:38px}
.n_detail .left .fl01 .ll .time h5{font-size:16px;color: #e5800a;margin-bottom:10px;position:relative;}
.n_detail .left .fl01 .ll .time h5:before{content:"";position:absolute;left:0;top:50%;margin-top:-1px;width:16px;height:1px;background: #e5800a;}
.n_detail .left .fl01 .ll .time h5:after{content:"";position:absolute;right:0;top:50%;margin-top:-1px;width:16px;height:1px;background: #e5800a;}
.n_detail .left .fl01 .ll .time h3{ font-size:30px; color:#3f4146}
.n_detail .left .fl01 .ll .con{ margin-bottom:28px}
.n_detail .left .fl01 .ll .con h6{ font-size:14px; color:#77797e; line-height:24px;}

.n_detail .left .fl01 .ll .fenxiang h5{ font-size:12px; color:#77797e; margin-bottom:10px; position:relative; margin:60px 0 25px}
.n_detail .left .fl01 .ll .fenxiang h5:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:25px; height:1px; background:#e8e8e8}
.n_detail .left .fl01 .ll .fenxiang h5:after{ content:""; position:absolute; right:0; top:50%; margin-top:-1px; width:25px; height:1px; background:#e8e8e8}
.n_detail .left .fl01 .ll .fenxiang h3{ margin-bottom:10px}
.n_detail .left .fl01 .ll .fenxiang h3 a{display:inline-flex;align-items: center;justify-content: center; background: #cccccc;border-radius: 50%;position: relative;width: 40px;height: 40px;line-height:40px;overflow:hidden;float: none;text-indent: 0;margin: 0;}
.n_detail .left .fl01 .ll .fenxiang h3 a:before{ content:""; position:absolute; width:100%; height:100%; left:0; top:0; transform:scale(0); transition:0.36s; border-radius: 50%;}
.n_detail .left .fl01 .ll .fenxiang h3 a img{height: 24px;vertical-align: middle;margin-top: -5px;position:relative;}
.n_detail .left .fl01 .ll .fenxiang h3.h301 a:hover:before{ transform:scale(1); background:#3dbe5b}
.n_detail .left .fl01 .ll .fenxiang h3.h302 a:hover:before{ transform:scale(1); background:#21b3f7}
.n_detail .left .fl01 .ll .fenxiang h3.h303 a:hover:before{ transform:scale(1); background:#f8c514}
.n_detail .left .fl01 .ll .fenxiang h3.h304 a:hover:before{ transform:scale(1); background:#ff5757}
.n_detail .left .fl01 .rr{width: 700px;min-height: 805px;position:relative;}
.n_detail .left .fl01 .rr:before{content:"";position:absolute;top:0;left: -50px;width:1px;height:660px;background:#e8ebed;}
.n_detail .left .fl01 .rr:after{content:"";position:absolute;left: -54px;top: 0;width: 5px;height: 5px;background:#fff;border: #e5800a 2px solid;border-radius: 50%;}
.n_detail .left .fl01 .rr h3{ font-size:30px; font-weight:bold; color:#2f3035; line-height:45px; margin:-10px 0 30px 0}

.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{width:40px;height:40px !important;display:inline-block !important;float:none !important;padding: 0 !important;margin: 0 !important;}
.bd_weixin_popup{ box-sizing:content-box}

.n_detail .left .fl02{position:relative;margin-top: 58px;padding-top: 28px;border-top: #eef1f2 2px solid;margin-bottom: 40px;}
.n_detail .left .fl02 .end{display:inline-block;width:68px;height:20px;line-height:20px;background: #fff;position:absolute;left:50%;margin-left:-34px;top:-10px;text-align:center;font-size: 16px;color: #363636;text-transform:uppercase;font-weight: bold;}

#ar_fot{position:relative;box-sizing: border-box;width: 100%;line-height: 48px;padding: 0;margin-bottom: 30px;}
#ar_fot h1{display:block;width: 100%;font-size: 14px;color: #5e5f60;font-weight: normal;overflow:hidden;position:relative;padding: 0;margin-bottom: 10px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#ar_fot h1 a{display: inline-block;font-size: 16px;float: right;line-height: 35px;color: #333333;width: 736px;font-weight:normal;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#ar_fot h1 a:hover{color: #e5800a;}
#ar_fot h1:before{content:"";position:absolute;right:0;top:0;width:0;height:3px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;display: none;}
#ar_fot h1:hover:before{ width:100%; left:0}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}
#ar_fot span{background:url(../images/container06_icon_bg.png) center no-repeat;width:90px;height:43px;display: inline-block;line-height: 35px;text-align: center;color: #ffff;}
#ar_fot .shart_box a{ line-height:36px;}
#ar_fot .fr{ text-align:right}
#ar_fot h1:hover{color: #00a8ff;}
#ar_fot h1:hover a{}

.n_detail .left .fl03{ background:none}

.n_detail .left .fl05 h4{ font-size:16px; color:#3d3d3d}
.n_detail .left .fl05 h4 img{margin: -3px 8px 0 0;}
.n_detail .left .fl05 ul{padding: 30px 10px;margin-top: 20px;background: #fbfbfc;font-size: 0;}
.n_detail .left .fl05 ul li{display: inline-block;width: 50%;position:relative;height: 38px;line-height: 38px;padding: 0 25px;}
.n_detail .left .fl05 ul a{}
.n_detail .left .fl05 ul i{display:  inline-block;font-size:14px;color: #00a8ff;margin-right: 7px;margin-top: -1px;}
.n_detail .left .fl05 ul h5{font-size: 16px;color: #3a3a3a;width: 90%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_detail .left .fl05 ul span{font-size:14px;color: #a3a4a7;position:absolute;right:0;top:0;line-height:32px;display:inline-block;}
.n_detail .left .fl05 ul h5:hover{ color:#00a8ff;}

.n_detail .left .title{ margin-bottom:40px;}
.n_detail .left .title h3{ font-size:30px; line-height:50px; color:#353535; font-weight:bold}

.n_detail .right{ width:390px;}
.n_detail .right .title{ background:url(../images/rr_title_bg.jpg) center no-repeat; height:70px; line-height:70px; border-top:#e5800a 3px solid; padding:0 0 0 20px}
.n_detail .right .title h3{ font-size:16px; color:#fff; font-weight:bold}
.n_detail .right .title h3 small{ font-size:14px; color:#fff; font-weight:normal; margin-left:8px; text-transform:uppercase}

.n_detail .right .fl01{ margin:24px 0 50px}
.n_detail .right .fl01 ul li{ padding:40px 15px 30px; border:#e5e5e5 1px solid}
.n_detail .right .fl01 ul li h5{font-size:16px;color:#353535;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;height: 18px;line-height: 18px;}
.n_detail .right .fl01 ul li h5 a{ color:#353535;}
.n_detail .right .fl01 ul li p{font-size:14px;color:#8d8e92;line-height:18px;height:36px;overflow:hidden;margin: 26px 0 15px;}
.n_detail .right .fl01 ul li h6{ font-size:14px; color:#5b5b5b}

.n_detail .right .fl01 .miso-dots{bottom: -7.5px;}
.n_detail .right .fl01 .miso-dots li{width: 10px;height: 10px;border-radius:50%;padding: 0;border: #b4b5ba 1px solid;background: #fff;margin: 03px;}
.n_detail .right .fl01 .miso-dots li.miso-active{border: #144ea1 2px solid;}
.n_detail .right .fl02 ul li{ font-size:15px; line-height:38px; color:#3a3a3a}
.n_detail .right .fl02 ul li a{display:block;position:relative; padding-left:18px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_detail .right .fl02 ul li a:before{content:"";position:absolute;top:50%;width: 7px;height: 7px;background:#144ea1;border-radius:50%;margin-top: -3.5px;left:0;}

/*==========================================内页 结束=============================================*/


@media(min-width: 768px){
	.container01 .fl01 ul li:hover .icon:after{ transform:scale(1); transition-delay:0.36s}
	.container01 .fl01 ul li .icon .con01{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
	.container01 .fl01 ul li .icon .con02{ content:""; position:absolute; left:-100%; top:0; width:100%; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
	.container01 .fl01 ul li:hover .icon{ background:#e5800a}
	.container01 .fl01 ul li:hover .icon .con01{ left:100%;}
	.container01 .fl01 ul li:hover .icon .con02{ left:0;}
	.container01 .fl02 ul li:hover .img .top{ top:0;}
	.container01 .fl02 ul li:hover a>h5{}
	
	.more00 a:hover:before{ left:0; width:100%; color:#fff}
	.more00 a:hover span{ color:#fff}
	
	.container02 ul li:hover .top{top:0;height: 100%;}


	.container04 ul li a:hover .con:before{ top:0}
	.container04 ul li a:hover .con:after{ top:-100%}
	.container04 ul li a:hover .img>img{ transform:scale(1.06);}
	
	.container05 .box_w ul li:hover .con{ opacity:0}
	.container05 .box_w ul li:hover p{ padding:0 30px}
	.container05 .box_w ul li:hover .txt .line{ border-bottom:#fff 1px solid}
	.container05 .box_w ul li:hover .txt .line:before{ border:#e5800a 2px solid}
	.container05 .box_w ul li:hover .txt:after{ opacity:1}
	
	.footer .right .top .ll ul li a:hover{ border:#e5800a 1px solid; background:#e5800a}
	.footer .right .top .ll ul li.fl a:hover{ border:#ce740c 1px solid !important; background:#ce740c !important}
	.footer .right .bottom ul li a:hover{ color:#fff;}
	
	.n_yanghu ul li a:hover{ box-shadow:0 18px 15px rgba(0,0,0,0.15)}
	.n_yanghu ul li a h5:hover,.n_yanghu ul li a h6 .fr:hover{ color:#e5800a}
	
	.n_case li:hover .top{top:0;height: 100%;}
	
	.n_product ul li:hover .img .top{ top:0;}
	.n_product ul li:hover a>h5{ transform:scale(0);}
	
	.n_huanjing ul li a:hover .con:before{ top:0}
	.n_huanjing ul li a:hover .con:after{ top:-100%}
	.n_huanjing ul li a:hover .img>img{ transform:scale(1.06);}
	
	.n_video ul a:hover>h5{ color:#fff}
	.n_video ul a:hover .img>img{ transform:scale(1.05)}
	.n_video ul a:hover>h5:before{ left:0; width:100%}
	
	.n_detail .right .fl01 ul li h5:hover,.n_detail .right .fl02 ul li a:hover{ color:#144ea1}
}



@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1800px){
	header .box{ padding:0 0 0 2rem}
}

@media(max-width: 1600px){
	.banner .banmiso{ background-size:cover !important}
}

@media(max-width: 1400px){
	header .box{ padding:0 0 0 2rem}

}

@media(max-width: 1330px){
	.nav a{ padding:0 15px}
}

@media(max-width: 1200px){
	
}

@media(max-width: 1060px){
	
}

@media(max-width: 992px){
	
}

@media(max-width: 768px){
	
}


@media(max-width: 456px){
	
}